<style scoped>
  .row_style{
    padding-bottom: 16px;
  }
  .style_inline{
    display: inline-block;
  }
  .input_size{
    width:200px;
  }
  .input_cell{
    margin-left: 40px;
    text-align:left;
  }
  .search{
    margin-bottom: 20px;
  }
</style>
<template>
  <div class="order_content">
    <div>
      <Steps :current="current" style="padding-bottom: 20px">
        <Step title="步骤1"></Step>
        <Step title="步骤2"></Step>
        <Step title="步骤3"></Step>
        <Step title="步骤4"></Step>
      </Steps>
    </div>
    <div class="input_cell input_companyName">
      <router-link :to="{name:'gsInfoTable',params:{searchName}}"><Button type="success">查询</Button></router-link>
      <Row>
        <Col span="6" class="font_right">&nbsp;</Col>
        <Col span="8">

        <!--<Input class="search" v-model="searchName" placeholder="输入公司名称查询"></Input>-->
        </Col>
        <Col span="10" class="up_left">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          姓名:<Input class="input_size" placeholder="姓名"></Input>*
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          性别:
          <RadioGroup v-model="customerSex">
            <Radio label="男"></Radio>
            <Radio label="女"></Radio>
          </RadioGroup>*
        </div>
        </Col>
        <Col span="12">
        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
          <div class="input_cell">
            客户角色 :
            <CheckboxGroup v-model="customerRole">
              <Checkbox label="实际控制人"></Checkbox>
              <Checkbox label="财务对接人"></Checkbox>
            </CheckboxGroup>
            *
          </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
          <div class="input_cell">
            客户来源 :
            <CheckboxGroup v-model="customerRole">
              <Checkbox label="电销"></Checkbox>
              <Checkbox label="会计介绍"></Checkbox>
              <Checkbox label="老客户介绍"></Checkbox>
              <Checkbox label="园区,孵化器"></Checkbox>
              <Checkbox label="其它来源"></Checkbox>
            </CheckboxGroup>
          </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          推荐沟通方式:
          <CheckboxGroup v-model="customerContactStyle">
            <Checkbox label="微信"></Checkbox>
            <Checkbox label="QQ"></Checkbox>
            <Checkbox label="短信"></Checkbox>
            <Checkbox label="邮箱"></Checkbox>
            <Checkbox label="电话"></Checkbox>
            <Checkbox label="面谈"></Checkbox>
          </CheckboxGroup>
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          推荐沟通方式:
          <CheckboxGroup v-model="serverLove">
            <Checkbox label="价格偏好"></Checkbox>
            <Checkbox label="服务偏好"></Checkbox>
            <Checkbox label="税务合规"></Checkbox>
            <Checkbox label="财务咨询"></Checkbox>
          </CheckboxGroup>
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          服务等级:
          <CheckboxGroup v-model="serverLevel">
            <Checkbox label="VIP"></Checkbox>
            <Checkbox label="重要"></Checkbox>
            <Checkbox label="正常"></Checkbox>
          </CheckboxGroup>
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          纳税意识:
          <RadioGroup v-model="taxConsciousness">
            <Radio label="守法纳税"></Radio>
            <Radio label="合理避税"></Radio>
            <Radio label="抵触纳税"></Radio>
            <Radio label="无视风险"></Radio>
          </RadioGroup>
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          客户税务认知度:
          <RadioGroup v-model="customerAwareness">
            <Radio label="专业"></Radio>
            <Radio label="高"></Radio>
            <Radio label="中"></Radio>
            <Radio label="低"></Radio>
          </RadioGroup>*
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          客户沟通配合:
          <RadioGroup v-model="customerUnderstand">
            <Radio label="容易"></Radio>
            <Radio label="一般"></Radio>
            <Radio label="不容易"></Radio>
            <Radio label="难沟通"></Radio>
          </RadioGroup>*
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          客户价值:<Input class="input_size" v-model="customerValue" placeholder="客户价值"></Input>*
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          客户印象:<Input v-model="customerImpression" type="textarea" placeholder="请输入内容"></Input>*
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          注意事项:<Input v-model="beCareful" type="textarea" placeholder="请输入内容"></Input>*
        </div>
        </Col>
        <Col span="12">

        </Col>
      </Row>
    </div>
    <!--<Button type="success" style="width: 200px">下一步</Button>-->
    <router-link :to="{name:'gsInfoTable'}"><Button type="success" @click="next()">下一步</Button></router-link>
  </div>
</template>
<script>
  export default {
    components: {

    },
    data(){
      return{
        searchName:'',
        current:this.$route.params.current,
        tab0:true,
        tab1:false,
        tab2:true,
        //公司名称
        companyName:'',
        //客户性别
        customerSex:"男",
        //客户角色
        customerRole:['实际控制人'],
        //客户来源
        customerContactStyle:['微信'],
        //服务偏好
        serverLove:['价格偏好'],
        customerSource:[
            '电销'
        ],
        //服务等级
        serverLevel:['正常'],
        //纳税意识
        taxConsciousness:'守法纳税',
        //客户税务认知度
        customerAwareness:'',
        //沟通配合
        customerUnderstand:'',
        //客户价值
        customerValue:'',
        //客户映像
        customerImpression:'',
        //特别事项
        beCareful:""
      }
    },
    methods:{
      next(){
        if(this.steps ==3){
          this.steps =0;
        }else{
          this.steps += 1;
        }
      }
    }
  }
</script>
